﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrVideoList.ascx.cs" Inherits="Controls_Video_ctrVideoList" %>
<%@ Register src="ctrVideoNavigator.ascx" tagname="ctrVideoNavigator" tagprefix="uc1" %>
<%@ Register src="ctrCountryVideo.ascx" tagname="ctrCountryVideo" tagprefix="uc2" %>
<div>
<uc1:ctrVideoNavigator ID="ctrVideoNavigator1" runat="server" />
</div>
<div style="padding:5px 0px 5px 0px; text-transform:uppercase ">
    <h2 ><asp:Label ID="lblCategoryName" runat="server"></asp:Label></h2>
</div>

<ul class="tabs2">
<li><a href="#">
<asp:Label ID="lblVietName" runat="server"></asp:Label></a> </li>
<li><a href="#">
<asp:Label ID="lblLaos" runat="server"></asp:Label></a> </li>
<li><a href="#">
<asp:Label ID="lblCampuchia" runat="server"></asp:Label></a> </li>
</ul>

<div class="panes2">

<uc2:ctrCountryVideo ID="ctrCountryVideo1" runat="server" />
<uc2:ctrCountryVideo ID="ctrCountryVideo2" runat="server" />
<uc2:ctrCountryVideo ID="ctrCountryVideo3" runat="server" />
</div>

<script type="text/javascript">

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs2").tabs("div.panes2 > div");
    });
</script>
